<!--
 * @Author: ljc
 * @Date: 2024-08-05 10:12:43
 * @LastEditors: ljc
 * @LastEditTime: 2025-11-14 11:15:18
 * @Description: 区划树配置
-->
<template>
  <div class="widget-config-setting">
    <div class="setting-name">区划配置</div>
    <div class="setting-body">
      <template v-for="(item,index) in componentList"
        :key="index">
        <component :is="item.component"
          :designer='designer'
          :selectedWidget="selectedWidget"
          :optionModel="optionModel"
          treeType="ad">
        </component>
      </template>
    </div>
  </div>
</template>
  <script>
import i18n from "@/utils/i18n"
import TreeHiddenEditor from './treeHidden-editor.vue'
import TreeLabelEditor from './treeLabel-editor.vue'
import TreeLabelColorEditor from './treeLabelColor-editor.vue'
import TreeBgcEditor from './treeBgc-editor.vue'
import TreePlaceholderEditor from './treePlaceholder-editor.vue'
import TreeLabelAlignEditor from './treeLabelAlign-editor.vue'
import TreeSizeEditor from './treeSize-editor.vue'
import TreeLabelWidthEditor from './treeLabelWidth-editor.vue'
import TreeLableHiddenEditor from './treeLabelHidden-editor.vue'
import TreeRootVisibleEditor from './treeRootVisible-editor.vue'
import TreeClickRepeatableEditor from './treeClickRepeatable-editor.vue'
import TreeDefaultExpandAllEditor from './treeDefaultExpandAll-editor.vue'
import TreeClickAutoExpandedEditor from './treeClickAutoExpanded-editor.vue'
import TreeFilterableEditor from './treeFilterable-editor.vue'
import TreeCustomClassEditor from './treeCustomClass-editor.vue'

export default {
  components: {
    TreeHiddenEditor,
    TreeLabelEditor,
    TreeLabelColorEditor,
    TreeBgcEditor,
    TreePlaceholderEditor,
    TreeLabelAlignEditor,
    TreeSizeEditor,
    TreeLabelWidthEditor,
    TreeLableHiddenEditor,
    TreeRootVisibleEditor,
    TreeClickRepeatableEditor,
    TreeDefaultExpandAllEditor,
    TreeClickAutoExpandedEditor,
    TreeFilterableEditor,
    TreeCustomClassEditor,
  },
  name: "adConfig-editor",
  mixins: [i18n],
  props: {
    designer: Object,
    selectedWidget: Object,
    optionModel: Object,
  },
  data() {
    return {
      componentList: [
        { component: 'TreeHiddenEditor' },
        { component: 'TreeLabelEditor' },
        { component: 'TreeLabelColorEditor' },
        { component: 'TreePlaceholderEditor' },
        { component: 'TreeLabelAlignEditor' },
        { component: 'TreeSizeEditor' },
        { component: 'TreeBgcEditor' },
        { component: 'TreeLabelWidthEditor' },
        { component: 'TreeLableHiddenEditor' },
        { component: 'TreeRootVisibleEditor' },
        { component: 'TreeClickRepeatableEditor' },
        { component: 'TreeDefaultExpandAllEditor' },
        { component: 'TreeClickAutoExpandedEditor' },
        { component: 'TreeFilterableEditor' },
        { component: 'TreeCustomClassEditor' },
      ]
    }
  },
}
  </script>
  <style scoped>
</style>
  